#components-layout-demo-custom-trigger .trigger {
  padding: 0 24px;
  font-size: 18px;
  line-height: 64px;
  cursor: pointer;
  transition: color 0.3s;
}

#components-layout-demo-custom-trigger .trigger:hover {
  color: #1890ff;
}

#components-layout-demo-custom-trigger .logo {
  height: 32px;
  margin: 16px;
  background: rgba(255, 255, 255, 0.3);
}

.site-layout .site-layout-background {
  background: #fff;
}

.ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  height: 100%;
  .logo {
    height: 48px;
    margin-bottom: 10px;
    line-height: 48px;
    background-color: rgba(255, 255, 255, 0.3);
    color: white;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
  }
  .ant-menu.ant-menu-root.ant-menu-dark {
    flex: 1;
    padding: 0 0 20px;
    overflow: auto;
  }
}
.site-layout-background {
  .title {
    margin-left: 10px;
    user-select: none;
  }
  .right-box {
    float: right;
    display: flex;
    align-items: center;
    .tip {
      margin-right: 15px;
      .strong {
        margin: 0 4px;
        color: rgb(111, 111, 230);
      }
    }
  }
  .ant-spin-nested-loading {
    min-height: 300px;
  }
}
